$(function() {
    tabCreate()
});

let tabs = ["课程资源","赛项资源","1+X证书","技能培训","行业资源"];
const tabCreate = () => {
    let tabTitleHtml = '';
    let tabContentHtml = '';

    $.each(tabs, function(index, value) {
        tabTitleHtml += '<li>' + value + '</li>';
        tabContentHtml += `<div class="layui-tab-item"><table id="tab-table${index}" data-mobile-responsive="true"></table></div>`;
    });

    $('#tab-name').html(tabTitleHtml);
    $('#tab-content').html(tabContentHtml);

    // 点击切换 tab
    $('#tab-name li:first').addClass('layui-this');
    $('.layui-tab-content .layui-tab-item:first').addClass('layui-show');

    // 点击切换 tab
    $('#tab-name li').click(function() {
        var index = $(this).index();
        console.log(index)
        $(this).addClass('layui-this').siblings().removeClass('layui-this');
        $('.layui-tab-content .layui-tab-item:eq(' + index + ')').addClass('layui-show').siblings().removeClass('layui-show');
    });

    // 初始化表格
    $.each(tabs, function(index, value) {
        loadTable(index);
    });
}


function loadTable(index) {
    $(`#tab-table${index}`)
        .bootstrapTable(
            {
                method : 'GET', // 服务器数据的请求方式 get or post
                url : "/jzweb/eclassresource/getLearnDetail", // 服务器数据的加载地址
                iconSize : 'outline',
                toolbar : '#info-table',
                striped : true, // 设置为true会有隔行变色效果
                dataType : "json", // 服务器返回的数据类型
                pagination : true, // 设置为true会在底部显示分页条
                singleSelect : false, // 设置为true将禁止多选
                // contentType : "application/x-www-form-urlencoded",
                // //发送到服务器的数据编码类型
                pageSize : 10, // 如果设置了分页，每页数据条数
                pageNumber : 1, // 如果设置了分布，首页页码
                //search : true, // 是否显示搜索框
                showColumns : false, // 是否显示内容下拉框（选择显示的列）
                sidePagination : "server", // 设置在哪里进行分页，可选值为"client" 或者 "server"
                queryParamsType : "",
                // //设置为limit则会发送符合RESTFull格式的参数
                queryParams : function(params) {
                    let queryParams = {
                        current: params.pageNumber,
                        size: params.pageSize,
                        type:index,
                        userId:sessionStorage.getItem('stuserId')
                    };
                    return queryParams;
                },
                responseHandler : function(res){
                    if(res.code !== '0') {
                        layer.msg('查询失败');
                        console.log(res.msg)
                        return false
                    }
                    return {
                        "total": res.data.total,//总数
                        "rows": res.data.records   //数据
                    };
                },
                formatNoMatches: function () {
                    return '未查询到学习信息';
                },
                columns : [
                    {
                        field : 'allocationTitle',
                        title : '资源名称',
                    },
                    {
                        field : 'latestTime',
                        title : '学习时间'
                    },
                    {
                        field : 'watchedTime',
                        title : '学习时长',
                    },
]
            });
}

function reLoad() {
    $('#exampleTable').bootstrapTable('refresh');
}